<template>
  <el-container class="header_container">
    <el-header class="header" style="height: 60px">
      <div class="header_menu_box">
        <el-row :gutter="20">
          <!-- 头部图片 -->
          <el-col :span="2">
            <div class="header_menu_logo">
              <img src="../assets/fish.png" />
            </div>
          </el-col>
          <el-col :span="3">
            <div class="title">
                <h1>咸鱼商城</h1>
            </div>
          </el-col>
          <el-col :span="4" :offset="10">



            
            <!-- <div class="header_menu">
              <el-dropdown @command="handleCommand">
                <span class="header_menu_link">
                  username
                  <i class="el-icon-arrow-down el-icon--right"></i>
                </span>
                <el-dropdown-menu slot="dropdown">
                  <el-dropdown-item command="a">我的信息</el-dropdown-item>
                  <el-dropdown-item command="b">我的订单</el-dropdown-item>
                </el-dropdown-menu>
              </el-dropdown>
            </div> -->
          </el-col>
        </el-row>
      </div>
    </el-header>
    <el-main>
      <router-view></router-view>
    </el-main>
  </el-container>
</template>

<script>
export default {
    data () {
        return {
            
        }
    },
    methods: {
        handleCommand(command) {
            console.log(command);
        }
    }
};
</script>

<style>
.header_container {
  height: 100%;
}
.header_menu_box {
  width: 60%;
  margin: auto;
}
.header_menu_logo {
  text-align: center;
  margin-top: 13px;
}
img {
  max-height: 50px;
}
.header_menu {
  text-align: center;
  margin-top: 20px;
}
.header_menu_link {
    font-size: 15px;
    font-weight: 700;
}
.el-main {
  background-color: #ffffff;
}
</style>